<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      {{title}}
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large"> {{title}} </ion-title>
    </ion-toolbar>
  </ion-header>


  <!-- {{id}}
  {{img}}
  {{name}}
  {{shortintr}}
  {{mp3url}} -->

  <ion-card>
    <img src="{{img}}" />
    <ion-card-header>
      <ion-card-subtitle>book</ion-card-subtitle>
      <ion-card-title>{{name}}</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      {{shortintr}}
    </ion-card-content>
    <audio src="{{mp3url}}" controls="controls" style="clear:both;display:block;margin:auto">
      Your browser does not support the audio element.
    </audio>
  </ion-card>



  
  


</ion-content>